{# Set, replace or remove one stored secret (dialog body). The field is
   never filled: a value goes in, nothing comes back out. A 422 re-renders
   it with ``errors``. Provider config shown in the clear offers what the
   provider lists (``choices``) through a datalist, and still takes typing;
   a setting with a closed set of values is a select instead. #}
{% from "components/macros/layout.html" import dialog_title %}
{% from "components/macros/form.html" import field, password_input, primary_button, action, select %}
{% from "components/macros/feedback.html" import error_banner %}
{{ dialog_title(row.name, row.owner ~ (" · " ~ row.label if row.label else "")) }}
<form {{ hx_dialog_post(url) }} class="space-y-4">
  {{ error_banner(errors) }}
  {% if row.setting %}<p class="text-xs text-aegis-muted">Default <code class="font-mono">{{ row.default or "none" }}</code>. A saved value applies when the app restarts; Remove goes back to the default.</p>{% endif %}
  {% if row.hint %}<p class="text-xs text-aegis-muted">Now <code class="font-mono">{{ ("•••• " ~ row.hint) if row.secret else row.hint }}</code>{% if row.set_by %}, set by {{ row.set_by }}{% endif %}. Saving replaces it.</p>{% endif %}
  {% call field("Value") %}<div class="mt-1">{% if picks %}{{ select("value", picks, row.in_effect, blank=None, block=True) }}{% elif row.secret %}{{ password_input("value", autocomplete="off", placeholder="Paste the new value") }}{% else %}<input name="value" required autocomplete="off"{% if choices %} list="secret-choices"{% endif %} class="w-full bg-aegis-card border border-aegis-border rounded px-3 py-2 text-sm text-aegis-text focus:border-aegis-teal focus:outline-none">{% if choices %}<datalist id="secret-choices">{% for value, label in choices %}<option value="{{ value }}" label="{{ label }}"></option>{% endfor %}</datalist>{% endif %}{% endif %}</div>{% endcall %}
  <div class="flex items-center gap-3">
    {{ primary_button("Save", "submit") }}
    {% if stored %}{{ action("Remove", hx_dialog_post(url ~ "/remove"), "danger") }}{% endif %}
    <button type="button" @click="$el.closest('dialog').close()" class="text-xs text-aegis-muted hover:text-aegis-text">Cancel</button>
  </div>
</form>